.mainBox .topBanner {
  height: auto;
  width: 100%;
}
.mainBox .topBanner img {
  width: 100%;
  height: 100%;
}
.ourAdvantage {
  width: 100%;
  height: 650px;
  overflow: hidden;
  background-color: #fdfeff;
}
.ourAdvantage .mainTitle {
  width: 705px;
  height: auto;
  position: relative;
  margin: 17px auto;
}
.ourAdvantage .mainTitle .mainTitleDetailBox {
  width: 445px;
  position: absolute;
  top: 75px;
  left: 105px;
}
.mainTitleDetailBox .mainTitleDetailTop {
  color: #683e37;
  font-size: 32px;
  margin-top: -15px;
  margin-bottom: 8px;
}
.mainTitleDetailBtm {
  color: #6e6e6e;
  line-height: 22px;
}
.ourAdvantageLists {
  width: 1100px;
  margin: 0 auto;
  display: flex;
  display: -webkit-flex; /* Safari */
}
.ourAdvantageItem {
  flex: 2;
  -webkit-flex: 2;          /* Chrome */
  -ms-flex: 2;              /* IE 10 */
  padding: 0 20px;
  text-align: center;
}
.ourAdvantageItemLineBox {
  flex: 1;
  -webkit-flex: 1;          /* Chrome */
  -ms-flex: 1;              /* IE 10 */
  position: relative;
}
.ourAdvantageItem img {
  width: 98px;
  height: 98px;
}
.everyItemTitle {
  font-size: 18px;
  text-align: center;
  padding: 17px 0;
}
.ourAdvantageItem .everyItemDetail {
  text-align: left;
  color:#939393;
  font-size: 13px;
  line-height: 20px;
}
.ourAdvantageItemLine {
  width: 80px;
  height: 1px;
  background-color: #aaaaaa;
  transform: rotate(-45deg);
  -ms-transform:rotate(-45deg); 	/* IE 9 */
  -moz-transform:rotate(-45deg); 	/* Firefox */
  -webkit-transform:rotate(-45deg); /* Safari 和 Chrome */
  -o-transform:rotate(-45deg); 	/* Opera */
  position: absolute;
  top: 125px;
  left:0;
}
/*S=广告形式*/
.AdvertisingStyleBox {
  width: 100%;
  height: 859px;
  background-color: #f2f6f9;
  /*position: relative;*/
}
.AdvertisingStyleBoxCenter {
  width: 1100px;
  height: 859px;
  margin: 0 auto;
  position: relative;
}
.rightTabNav {
  width: 309px;
  height: 618px;
  overflow: hidden;
  position: absolute;
  left: 450px;
  top: 176px;
}
.arcNav {
  width: 618px;
  height: 574px;
  border-radius: 50%;
  border: 1px solid #e0e0e1;
  position: absolute;
  left: -313px;
  top:0;
}
.arcNavDot {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #c9c9c9;
  position: absolute;
}
.arcNavDot.dotOne {
  top: 10px;
  right: 194px;
}
.arcNavDot.dotTwo {
  top: 157px;
  right: 22px;
}
.arcNavDot.dotThree {
  top: 398px;
  right: 20px;
}
.arcNavDot.dotFour {
  top: 549px;
  right: 194px;
}
.arcNavDot.active::before {
  content: "";
  width: 28px;
  height: 28px;
  background-color: #e29e9b;
  position: absolute;
  top: -6px;
  left: -6px;
  border-radius: 50%;
  opacity: 0.8;
}
.arcNavDot.active::after {
  content: "";
  width: 16px;
  height: 16px;
  background-color: #e53b31;
  border-radius: 50%;
  position: absolute;
  top: 0px;
  left: 0px;
}
.leftIphoneBox {
  width: 324px;
  height: 656px;
  background: url('http://imgcow.oss-cn-hangzhou.aliyuncs.com/Website/Img/iphoneOutBox.png')no-repeat center /100% 100%;
  position: absolute;
  top: 134px;
  left: 142px;
}
.leftIphoneBox img {
  width: 260px;
  height: 483px;
  margin-left: 31px;
  margin-top: 81px;
  border: 1px solid #b7b7b7;
}
.TitleBubble {
  width: auto;
  padding: 0 15px;
  height: 53px;
  line-height: 53px;
  text-align: center;
  font-size: 20px;
  color: #3c3c3c;
  background-color: #eaf0f5;
  position: absolute;
  border-radius: 5px;
}
.TitleBubbleOne {
  right: 326px;
  top:167px;
}
.TitleBubbleTwo {
  right: 167px;
  top:314px;
}
.TitleBubbleThreee {
  right: 167px;
  top:557px;
}
.TitleBubbleFour {
  right: 326px;
  top:706px;
}
.TitleBubble::before {
  content: '';
  border-right: 13px solid #eaf0f5;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 13px solid transparent;
  position: absolute;
  top: 19px;
  left: -26px;
}
.TitleBubble.active {
  background-color: #e53b31;
  color: #fff;
  box-shadow: 3px 3px 8px #ccc;
}
.TitleBubble.active::before {
  border-right:13px solid #e53b31;
}
.AdvertisingStyleBoxTitle {
  font-size: 25px;
  text-align: center;
  padding-top: 56px;
  position: relative;
}
.AdvertisingStyleBoxTitle::before,
.directionalTopTitle::before,
.InstanceDataTitle::before,
.cooperationCustomerTitle::before {
  content: "";
  width: 27px;
  height: 4px;
  background-color: #e53b31;
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translate(-50%);
  -ms-transform:translate(-50%); 	/* IE 9 */
  -moz-transform:translate(-50%); 	/* Firefox */
  -webkit-transform:translate(-50%); /* Safari 和 Chrome */
  -o-transform:translate(-50%); 	/* Opera */
}
/*E=广告形式*/
/*S=定向*/
.directionalBox {
  width: 1100px;
  height: 500px;
  margin: 0 auto;
}
.directionalTopTitle {
  font-size: 25px;
  text-align: center;
  margin-top: 50px;
  position: relative;
}
.directionalChildTitle {
  text-align: center;
  color: #888888;
  padding-top: 24px;
}
.directionalListBox {
  width: 100%;
  margin-top: 75px;
}
.directionalListBox img {
  width: 100%;
  height: auto;
}
/*E=定向*/
/*S=实例数据*/
.InstanceDataBox {
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
}
.InstanceDataBox img {
  width: 100%;
  height: auto;
}
.InstanceDataDetailBox {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  -ms-transform:translate(-50%); 	/* IE 9 */
  -moz-transform:translate(-50%); 	/* Firefox */
  -webkit-transform:translate(-50%); /* Safari 和 Chrome */
  -o-transform:translate(-50%); 	/* Opera */
  color: #4e90f4;
  font-size: 40px;
  font-weight: 700;
  width: 1100px;
  display: flex;
  -webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;         /* OLD - Firefox 19- */
}
.InstanceDataDetailBoxActive {
  animation: myfirst 1s forwards;
  -moz-animation: myfirst 1s forwards;	/* Firefox */
  -webkit-animation: myfirst 1s forwards;	/* Safari 和 Chrome */
  -o-animation: myfirst 1s forwards;	/* Opera */
}
@keyframes myfirst
{
from {top: 500px;}
to {top: 200px;}
}

@-moz-keyframes myfirst /* Firefox */
{
  from {top: 500px;}
  to {top: 200px;}
}

@-webkit-keyframes myfirst /* Safari 和 Chrome */
{
  from {top: 500px;}
  to {top: 200px;}
}

@-o-keyframes myfirst /* Opera */
{
  from {top: 500px;}
  to {top: 200px;}
}
.InstanceDataTitle {
  font-size: 25px;
  color: #fff;
  position: absolute;
  top: 63px;
  left: 50%;
  -ms-transform:translate(-50%); 	/* IE 9 */
  -moz-transform:translate(-50%); 	/* Firefox */
  -webkit-transform:translate(-50%); /* Safari 和 Chrome */
  -o-transform:translate(-50%); 	/* Opera */
}
.InstanceDataTitle::before {
  background-color: #fff;
}
.InstanceDataDetailItem {
  /*flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;              */
  width: 25%;
  text-align: center;
}
.InstanceDataItemClildTitle {
  font-size: 14px;
  color: #fff;
  font-weight: 400;
  padding-top: 8px;
}
/*E=实例数据*/
/*S=合作客户*/
.cooperationSwiperBox {
  padding-top: 35px;
  padding-bottom: 30px;
}
.cooperationCustomer {
  width: 1100px;
  height: auto;
  margin: 0 auto;
}
.cooperationCustomerTitle {
  position: relative;
  text-align: center;
  font-size: 25px;
  padding-top: 60px;
}
.swiper-container {
  width: 1100px;
  height: 330px;
}
.swiper-slide {
  text-align: center;
}
.swiper-slide img {
  width: 130px;
  height: 130px;
  margin: 0 16px;
}
.swiper-button-next, .swiper-button-prev {
  top: 46%;
  width: 40px;
  height: 37px;
}
.swiper-button-prev {
  background: url('http://imgcow.oss-cn-hangzhou.aliyuncs.com/Website/Img/iphoneIcon/pre-date-1.png')no-repeat center/100% 100%;
}
.swiper-button-next {
  background: url('http://imgcow.oss-cn-hangzhou.aliyuncs.com/Website/Img/iphoneIcon/pre-date.png')no-repeat center/100% 100%;
}
.swiper-pagination-bullet {
  width: 33px;
  height: 8px;
  border-radius: 5px;
  background-color: #e1e1e1;
}
.swiper-pagination-bullet-active {
  background-color: #e53b31;
}
/*E=合作客户*/
.topBanner {
  overflow: hidden;
  position: relative;
}
.swiper-containerOne .swiper-slide img {
  margin: 0;
}
.swiper-containerOne .swiper-pagination {
  position: absolute;
  bottom: 10px;
}
.swiper-containerOne .swiper-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background-color: #fff;
}
.swiper-containerOne .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #e83928;
}
